*
{
    padding:0;
    margin:0;

    font-family:"Microsoft YaHei",SansSerif;
}
html,body
{
    overflow: hidden;

    height:100%;
}

.Dialog
{
    position:absolute;
    left:50%;
    top:50%;

    transform:translate(-50%,-50%);

    text-align: center;
}
.MenuItem
{
    margin:0 auto;

    background-color: white;
    cursor:pointer;
    border-radius:1vh;

    color:black;
}
.MenuItem:hover
{
    background-color: black;

    color:white;
}
@media (orientation:landscape)
{
    .MenuItem
    {
        font-size:2.5vw;
    }
}
@media (orientation:portrait)
{
    .MenuItem
    {
        font-size:8vw;
    }
}

#menuLayer
{
    position:absolute;
    left:50%;
    top:50%;

    transform:translate(-50%,-50%);
}
@media (orientation:landscape)
{
    #menuLayer_title
    {
        font-size:5vw;
    }
    .MenuItem
    {
        font-size:2.5vw;
    }
}
@media (orientation:portrait)
{
    #menuLayer_title
    {
        font-size:10vw;
    }
    .MenuItem
    {
        font-size:8vw;
    }
}

.GameLayer_Box
{
    margin:2px;

    cursor:pointer;
    border-radius:5%;
}
#gameLayer
{
    display: none;
    position:absolute;

    height:100%;
    width:100%;

    background:black;
}
#gameLayer_grade,#gameLayer_score
{
    margin-left:2%;

    color:white;
}
#gameLayer_block
{
    display:flex;
    flex-wrap: wrap;
    align-content: flex-start;
    position:absolute;
    left:50%;
    top:50%;
    
    transform:translate(-50%,-50%);
}
@media (orientation:landscape)
{
    #gameLayer_grade,#gameLayer_score
    {
        font-size:2.5vw;
    }
    #gameLayer_grade
    {
        margin-top:1%;
    }
    #gameLayer_block
    {
        width:90vh;
        height:90%;
    }
}
@media (orientation:portrait)
{
    #gameLayer_grade,#gameLayer_score
    {
        display: inline-block;

        min-width: 30%;
        margin-top:1%;

        font-size:4vw;
    }
    #gameLayer_block
    {
        width:90%;
        height:90vw;
    }
}

#resultLayer
{
    display: none;
}
@media (orientation:landscape)
{
    #resultLayer_title
    {
        font-size:3vw;
    }
    #resultLayer_result
    {
        font-size:2vw;
    }
    .MenuItem
    {
        font-size:2.5vw;
    }
}
@media (orientation:portrait)
{
    #resultLayer_title
    {
        font-size:6vw;
    }
    #resultLayer_result
    {
        font-size:4vw;
    }
    .MenuItem
    {
        font-size:8vw;
    }
}
